<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script src="js/flexible_css.debug (1).js"></script>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/issue.css">
</head>
<body>

    <div class="box">
        <img class="img" src="../images/text_06.png" alt="">
        <div class="bottom">
            <div>
                <img src="../images/im_03.png" alt="">
                <span>打开相机</span>
            </div>
            <div class="open">
                <img src="../images/im_06.png" alt="">
                <span>打开相册</span>
            </div>
        </div>
    </div>
    <footer class="footer">
        <div>
            <a href="../index.html">
                <img src="../images/home.png" alt="">
                <p>推荐</p>
            </a>
        </div>
        <div>
            <a href="find.html">
                <img src="../images/foot_22.png" alt="">
                <p>发现</p>
            </a>
        </div>
        <div>
            <img src="../images/foot_11.png" alt="">
            <p>发布</p>
        </div>
        <div>
            <a href="move.html">
                <img src="../images/foot_17.png" alt="">
                <p>动态</p>
            </a>
        </div>
        <div>
            <a href="my.html">
                <img src="../images/foot_19.png" alt="">
                <p>我的</p>
            </a>
        </div>
    </footer>
    <div class="div_nex">
        <div class="box_net">
            <p class="guan">关闭</p>
            <p>最近照片</p>
            <p>选择相册<img src="../images/pic_01.png" alt=""></p>
        </div>
        <div class="box_img">
            <img src="../images/pic_02.png" alt="">
            <img src="../images/pic_03.png" alt="">
            <img src="../images/pic_04.png" alt="">
        </div>
    </div>
    <script src="../js/flexible.debug (1).js"></script>
    <script src="../js/jquery-1.12.4.min.js"></script>
    <script>
        $(function(){
            $(".guan").click(function(){
                $(".div_nex").slideToggle(500);
            })
            $(".open").click(function(){
                $(".div_nex").slideToggle(500);
            })
        })
    </script>
</body>
</html>